<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/myscript.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>首页</title>
</head>

<body>
    <div class="container">
        <div class="top">
            <img src="img/logo.png" alt="">
            <ul>
                <li>欢迎来到果子餐厅</li>
                <li><a href="index.html">首页</a></li>
                <li><a href="#">请登录</a></li>
                <li><a href="dingcan.html">我的果篮</a></li>
                <li>联系电话：1333336525</li>
            </ul>
        </div>
        <div class="lunbo">
            <ul id="lun">
                <li><img src="img/banner1.jpg"></li>
                <li><img src="img/banner2.jpg"></li>
                <li><img src="img/banner3.jpg"></li>
                <li><img src="img/banner4.jpg"></li>
                <li><img src="img/banner1.jpg"></li>
            </ul>
        </div>
        <div class="main">
            <div class="sort">
                <ul>
                    <li><a href="shangpin.html">沙拉</a><br>Salad</li>
                    <li><a href="shangpin.html">牛排</a><br>Sreak</li>
                    <li><a href="shangpin.html">焗饭</a><br>baked rice</li>
                    <li><a href="shangpin.html">面</a><br>Noodles</li>
                </ul>
            </div>
            <div class="mainbm">
                <ul>
                    <li><a href="">点餐服务</a></li>
                    <li><a href="">配送服务</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div style="width: 100%;height: 30px;background: plum;float: left;line-height: 30px;margin-top: 0;">
                <span>关于我们</span>|
                <span>友情链接</span>
            </div>
            <ul>
                <li>餐厅周边</li>
                <li>联系我们</li>
                <li>加入我们</li>
                <li>帮助中心</li>
                <li>招聘公告</li>
                <li>使用教程</li>
            </ul>
        </div>
    </div>
</body>

</html>